* {
 font-family: 'Roboto', sans-serif;
 font-weight: 300;
}

.container {
  padding: 30px;
  width: 800px;
  margin: auto;
}

  .pageHeader {
    height: 75px;
    position: relative;
    margin-bottom: 80px;
  }
    h1.pageTitle {
      margin-bottom: 10px;
      margin-left: 85px;
    }
    .mainDescription {
      margin-bottom: 40px;
      font-size: 14px;
      line-height: 18px;
      margin-left: 85px;
    }
    .reboundIcon {
      width: 75px;
      height: 75px;
      background-image: url(images/rebound_2x.png);
      background-size: 75px 75px;
      position: absolute;
      left: 0;
      top: 0;
    }

  .exampleContainer {
    margin: 40px 0px 60px 0px;
    position: relative;
  }
    .exampleContainer#hamburgerButtonExample {
      display: flex;
      display: -webkit-flex;
    }


  .exampleHeader {
    margin-bottom: 20px;
  }
    h2.exampleTitle {
    }

      .exampleDescription {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
      }

  .example {
    margin: 10px;
  }

@media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi) {

  .reboundIcon {
    background-image: url(images/rebound_2x.png);
  }
}
